<template>
  <div class="content">
    <tiny-button @click="alertClick" :reset-time="0">alert 弹框</tiny-button>
    <tiny-button @click="messageClick" :reset-time="0"
      >message 提示框</tiny-button
    >
    <tiny-button @click="confirmClick" :reset-time="0"
      >confirm 确认提示框</tiny-button
    >
  </div>
</template>

<script>
import { Button, Modal } from '@opentiny/vue'

export default {
  components: {
    TinyButton: Button
  },
  methods: {
    alertClick() {
      Modal.alert('alert 弹框', '弹框')
    },
    messageClick() {
      Modal.message('message 提示框')
    },
    confirmClick() {
      Modal.confirm('您确定要删除吗？', '确定框')
    }
  }
}
</script>
